/* 首页样式表 */
/* 头部 */
#header .top{
    line-height: 28px;
}
/* 菜单 */
#header .logo{
    width: 200px;
    height: 113px;
    top:-28px;
}

/* 搜索框 */
#header .search{
    width: 440px;
    height: 36px;
    border:2px solid #f60;
} 
#header .search input{
    width: 390px;
    height:36px;
    border:0;
    outline: none;
}
#header .search .btn{
    width: 50px;
    background: url(../imgs/bgicon.png) no-repeat;
    font-size:0;
}
/* 购物车+订单 */
#header .shopCar a{
    width: 100px;
    height: 36px;
    line-height: 36px;
    background: #ebebeb;
    border:1px solid #ccc;
    float: left;
    color:#808080;
}
#header .shopCar a:first-child{
    background:#f60 url(../imgs/bgicon.png) no-repeat 0 -42px;
    color:#fff;
    text-indent: 30px;
   border:1px solid #f60;
}

/* 导航 */
#header .nav{
    margin-left:235px;
}
#header .nav li{
    float:left;
    margin-right:35px;
}
#header .nav li a{
    color:#323232;
    font-weight: bold;
}

/* banner */
#banner .category{
    width: 200px;
    position: relative;
}

#banner .sliderbox{
    width: 1000px;
}


#banner .category li p {
    height: 35px;
    
    background-color: #f3f3f3;
    line-height: 35px;
    color: #f60;
    font-size: 14px;
    /*
        因为p本身就没有设置宽,默认的通栏显示
        这个情况 设置横向的 padding  不用做减法
    */
    padding-left: 16px;
    border: 1px solid transparent;
  
    
}
#banner .category li .active_p{
    border-color:  #f60 transparent #f60 #f60;
    background-color: #fff;
    position: relative;
    z-index: 888;

}

#banner .category li .active_div{
    display: block;
    z-index: 888;
}


#banner .category li div{
    width: 578px;
    height: 490px;
    background-color: #fff;
    border: 1px solid #f60;
    position: absolute;
    top: 0;
    left: 199px;
    display: none;

}
